<template>
  <div>
    <single-order :list="list"></single-order>
  </div>
</template>

<script>
import SingleOrder from '@/components/Mine/SingleOrder'

export default {
  name: 'ToAppraise',
  data () {
    return {
      list: []
    }
  },
  created () {
    this.list = this.$store.getters.orders.filter(item => item.state === 3)
  },
  mounted () {
    const liEles = document.querySelectorAll('li')
    for (let i = 0; i < liEles.length; i++) {
      liEles[i].classList.remove('active')
    }
    liEles[4].className = 'active'
  },
  components: {
    SingleOrder
  }
}
</script>

<style lang="scss" scoped>

</style>
